react-native android 初始化问题
最近开始接触rn,官方起手，装了一堆工具，然后启动项目的时候出现了一堆问题，这里针对我遇到的一些问题提供一些解决方案。本人开发环境mac，在启动ios的时候没啥大问题，可以直接启动，这里提示一点，因为可能会启动多个，所以可以在启动的时候指定端口，防止冲突react-native run-ios --port=xxxx...
2024-01-10
react native and redux
如何在react-native 中优雅的使用 redux首先说下我对redux 的理解吧,第一印象很重要就像妹纸一样.一句话来说他就是一个 js 的应用状态容器.说长点就是当你的应用足够复杂,交互足够多的时候,你不方便管理你的 state, 那么交给 redux 吧,他是一个单向数据流,高效且清晰.那么什么时候使用 redux呢,有一句话...
2024-01-10
react native app微信分享 - android版
前言本文主要会涉及到以下内容:微信开发者应用申请审核安装配置微信分享库微信好友/朋友圈功能实现应用申请审核开始创建移动应用,填写应用名称,应用名称以及中英文的信息，移动应用图标分别为28x28何108x108的png格式图标。然后下一步填写iOS项目的bundle ID以及android项目的包名和应用签名。请...
2024-01-10
react native windows开发环境
最近项目尝试使用react native加快研发速度，react native的资料比较多，但大都是android与iOS，windows方面的资料很少。这种现象也比较正常，目前windows方面的需求局限于企业，视频与游戏方面，一般的app会略过PC平台。此外，react native的官方platform中没有添加windows的支持。微软在这方面支持了windows平台。gi...
2024-01-10
mac react-native从零开始android真机测试
1. 安装android相关jdk，(https://blog.csdn.net/vvv_110/article/details/72897142)2. 手机和mac使用usb连接， 手机开发者设置中打开use调试设置， 保证手机和电脑在统一wifi下。3. 在终端进入到react-native目录下执行 react-native run-android4. 然后该命令会开启一个服务，该程序首先会自动找 ~ ./gradle文件，如果有需要的gradle...
2024-01-10
React Native For Android 架构初探
Facebook 在2015.9.15发布了 React Native for Android，把JavaScript 开发技术扩展到了Android平台。React Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 基于Web，iOS 和 Android 平台的原生应用。本文将浅析Android React的架构及相关基础知识。环境搭建及调试相关知识参考官网文档即可，本...
2024-01-10
React Native Android配置部署踩坑日记
万事开头难作为一只进入ECMAScript世界不久的菜鸟，已经被React Native的名气惊到了，开源一周数万星勾起了我浓烈的兴趣。新年新气象，来个HellWorld压压惊吧^_^（故意少打个\'o\'）具体的详细教程这里都有，我就说说这里没找到的几个坑，由于大部分资料还是0.1.4版本的react-native，笔者用最新的0.1.7和...
2024-01-10
windows下react-native环境搭建
首先不得不先吐槽一下自己，一个坑总是踩很多次，且乐此不疲。咋办? 写博客记录记录呗。零、记录的点Java环境的下载与配置Android环境的下载与配置Node环境的下载与配置创建第一个react-native应用最终能够达到的目的：在手机上能够运行第一个React-Native应用~以备后用，已将安装包上传...
2024-01-10
Windows搭建react-native开发环境
一、目标平台 windows+android 1. 必须软件 python2+ nodejs npm 2. 安装react-native命令行 $ npm install -g react-native-cli 3. 搭建安卓环境 (1)React Native目前需要Android Studio2.0或更高版本， Android Studio需要Java Development Kit [JDK...
2024-01-10
React-Native之打包发布(Android)
一,介绍与需求 移动端打包发布到应用市场二,发布配置注意：以下所有操作都在win10下进行,React Native版本0.59.5,android-studio 版本 3.21,生成签名1 keytool -genkey -v -keystore app.keystore -alias yingqi -keyalg RSA -keysize 2048 -validity 10000附加说明：-genkey 生成文件 -keystore 文件名 -alias 别名-keyalg ...
2024-01-10
react-native for android windows开发环境搭建详细记录
先说说整个环境搭建的过程。上周开始要在windows上搭建react-native for android环境，当时按照找的教程，从git上clone master分支的代码，然后下载了node，安装react-native框架还是很顺利的。导入到android studio上就无法构建，找找了找原因没有解决，折腾了1天没解决，在这之后也遇到很多问题，搭建过程还是比...
2024-01-10
React-Native项目在Android真机上调试
目录1、确保你的设备已经成功连接。可以终端输入adb devices来查看:2、终端运行npm start 开启本地服务，成功后运行react-native run-android来在设备上安装并启动应用3、设置设备访问开发服务器3.1 (Android 5.0及以上)使用ad...
2024-01-10
react项目npm run dev报错;
项目启动报错，各种百度也没找到是什么问题，而且也没有报是什么原因造成的，希望大佬们指点一下，在线急。const render = (Component) => {ReactDOM.render(<Provider store={store}><AppContainer><BrowserRouter basename='/'><Route path={`/`} component={App}></Route></BrowserRouter></AppContainer></Provider>,document...
2024-01-10
react native 如何mock自己编写的native module？
在编写RN时使用到了原生模块，在npm test进行测试的时候遇到了问题。网上谷歌了一遍发现需要mock自己编写的native module，但是现在遇到了以下问题：现在mock 原生模块使用以下方式describe('MypageApi', () => { beforeEach(() => { NativeModules.MyPageApiFunction = { getMyPageInfo: () => { myPageInfo =...
2024-01-10
react-native上手之环境搭建及连接模拟器 - Diamond_xx
react-native上手之环境搭建及连接模拟器 使用react-native创建应用app，环境搭建很重要。我使用的是夜神模拟器进行模拟。环境搭建1.安装java jdk （1）官网下载java jdk安装包，傻瓜式安装，下一步 下一步 （2）配置环境变量修改环境变量，新增JAVA_HOME的系统环境变量，...
2024-01-10
angular vue react 启动命令
vue: npm install vue-cli -g vue init webpack my-project npm install npm run devangular: npm install -g typescript npm install -g @angular/cli ng new my-project npm install npm start (ng serve)react: npm install -g create-react-app create-react-app react-p...
2024-01-10
react-native scrollview触摸滚动事件
1、几个已知的滑动或者滑动开始结束的方法：onScroll：在滚动过程中, 每帧最多调用一次此函数, 调用的频率可以用scrollEventThrottle属性来控制.onMomentumScrollEnd：当一帧滚动完毕时调用.onScrollAnimationEnd ：ios上的当滚动动画结束时调用.2、还有其他的一些事件如下触摸事件里面有携带event，大家可以...
2024-01-10
react+antd-mobile之TabBar路由
想了解create-react-app配置antd-mobile按需加载，以及配置less和vw的可以看上一篇博客这一篇特别记录antd-mobile的TabBar配合路由的使用按照antd-mobile给出的文档，可以构建出此UI页面（相信都能做到）目前的这个是没有加路由的，我想要的是，点击我的，地址栏的URL可以改成http://localhost:3000/my，在网上看...
2024-01-10
React Native react-navigation 导航使用详解
一、开源库介绍今年1月份，新开源的react-natvigation库备受瞩目。在短短不到3个月的时间，github上星数已达4000+。Fb推荐使用库，并且在React Native当前最新版本0.44中将Navigator删除。react-navigation据称有原生般的性能体验效果。可能会成为未来React Native导航组件的主流军。本篇内容基于【 ^1.0.0-beta.9 】版本...
2024-01-10
react-native 导航器 react-navigation 3.x 使用
React-navigation 介绍 React Navigation 源于 React Native 社区对一个可扩展且易于使用的导航解决方案的需求，它完全使用 JavaScript 编写。安装在你的 React Native 项目中安装 react-navigation 这个包（注意--save或者--save-dev一定要写正确，链接原生库是会根据package.json文件中的dependencies和devDependencies的记录来链接...
2024-01-10
react-native mac ios 在 iOS 设备上运行应用
react-native mac ios 在 iOS 设备上运行应用连接iphone打开xcode 打开项目运行项目iphone配置连接iphone通过 USB 数据线连接设备打开xcode 打开项目打开ios里面的 .xcworkspace导航处选择连着的设备运行项目点击顶部菜单 product->runokiphone配置app已经装到手机点击运行发现提示不受信任的开发者解决方...
2024-01-10![阿里react整合库dva demo分析 [转]](/wp-content/uploads/thumbs/536008_thumbnail.jpg)
阿里react整合库dva demo分析 [转]
同，也是工作中需要，用到 dva , 也找了些文章参考知识点。更多：http://www.cnblogs.com/heyuqing/p/6844098.html以下内容为摘出 mark 接着踩坑官网: https://github.com/dvajs/dva/blob/master/docs/API_zh-CN.md#model...
2024-01-10
React Native 解决 Could not get BatchedBridge
Windows下做React Native开发，执行react-native run-android后，手机出现红屏提示： Could not get BatchedBridge, make sure your bundle is packaged correctly出现这种情况通常是电脑8081端口被占用导致的，因为React Native会在8081端口启动nodejs服务，手机端调试依赖此服务。可以看看是什么程序占用了8081端口： 1、执行netstat -aon|f...
2024-01-10
react native中 关于使用react的PropTypes报错的问题
前言：进行项目中又一个弹窗选择的功能，自己琢磨了一些，感觉自己写比较麻烦，所有准备集成一个第三方库，并选中了react-native-modal-picker 这个库。但是我在集成之后写demo的时候，发现老是报 PropTypes 的错误。错误如下： 项目中使用的 react 和 react-native 的版本：错误原因： 经过查...
2024-01-10
react native关于 从react中引入PropTypes报错的问题
使用 React Native 创建的组件是可以复用的，所以我们开发的组件可能会给项目组其他同事使用。但别人可能对这个组件不熟悉，常常会忘记使用某些属性，或者某些属性传递的数据类型有误。因此我们可以在开发 React Native 自定义组件时，可以通过属性确认来声明这个组件需要哪些属性。这样，如果在...
2024-01-10
